@charset "utf-8";
body,div,span,h1,h2,h3,h4,h5,h6,p,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
  padding:0;
  margin:0;
  position: relative; 
}
body {
	 overflow-x: hidden; 
	 background: #fff; 
}
a {
	text-decoration: none;
	color: #000;
}
li {
	list-style-type:none;
}

#main {
	width: 100%;
	height: 860px;
	background: #eee; 
	font-family: Microsoft YaHei;
	line-height: 1.5;
	font-size: 100%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size-adjust: none;
	font-stretch: normal;
}

#main_top {
	position: relative;
	height: 60px; 
	width: 100%;
	background: #77bbff;
	margin:0; 
}

#logo {
	position: absolute;
	margin-left: 5%;
	margin-top: 0.6%;
	width: 15%;
	height: 37px;
}

.navi {
	position: absolute;
	height: 60px;
    margin-left: 5%;
}

.hg_nav {
	position: absolute;
	width: 80%;
	height: 60px;
	margin-left: 20%;
}

.hg_nav li {
	margin: 0;
	float: left;
	display: block;
	line-height: 60px;
	height: 60px;
	text-align: center;
	vertical-align: middle;
	font-size: 100%;
}

.hg_sch {
	height: 28px;
	margin-top: 1%;
	margin-left: 88%;
	width: 200px;
}

.hg_sch a {
	background: transparent;
	color: #ffffff;
	height: 100%;
	font-size: 0.88em;
	margin-left: 20px;
	margin-top: 7px;
	float: left;
}

#hg_nav_li1 {
	width: 105px; 
	color: #77bbff; 
	background: #fff; 
	font-size: 100%;
}
#hg_nav_li2 {
	width: 105px; 
}

#tp1 {
	vertical-align: middle;
	height: 26px; 
	width: 30px; 
	margin-right: 2px; 
	margin-top: -2px;
}
#tp2 {
	vertical-align: middle; 
	height: 26px; 
	width: 30px; 
	margin-right: 2px;
	margin-top: -2px;
}

#a_logout {
	width: 50px; 
	text-align: left
}

#main_middle {
	width: 100%;
	height: 100%;
	filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#e8eff4, endColorStr=#f4f4f4);  /*IE*/ 
	background: -moz-linear-gradient(top, #e8eff4, #f4f4f4);  /*火狐*/ 
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8eff4), to(#f4f4f4));  /*谷歌*/ 
}

.titleImg {
	margin:2px 5px;
	height:18px;
	width:20px;
	align:middle;
}

#middle_workbench {
	margin:0;
	position: absolute;
	top: 2%;
	left: 9.2%;
	width: 55.7%;
	height: 325px;
	background: #ffffff;
}
.workbench_entry {
	height: 110px; 
	width: 10%; 
	background: #fff; 
	position: absolute; 
}
.workbench_entry a {
	height: 98px; 
	width: 10%; 
}
.workbench_entry img {
	vertical-align: middle; 
	height: 68%; 
	width: 68%; 
	margin-top: 8%; 
	margin-left: 16%;
}
.workbench_entry p {
	margin: 0 auto;
	text-align: center;;
	font-size: 0.88em; 
	color: #000;
}

#middle_notice
{
	position: absolute;
	top: 2%;
	left: 65.7%;
	width:24.9%;
	height: 325px;
	background: #ffffff;
	margin:0;
}
#marquee {
	position: absolute; 
	top: 15%; 
	background: #fff;
	left: 3%; 
	width: 88%; 
	height: 200px;
	/* overflow-y: auto;
	overflow-x: hidden; */
}
#marquee table{
	width: 100%;
	height: 190px; 
	background: #fff; 
	color: #000;
}
#marquee table tr{
	height: 5px; 
	font-size: 13px;
}

#middle_common
{
	position: absolute;
	top: 40%;
	left: 9.2%;
	width:55.7%;
	height: 410px;
	background: #ffffff;
	margin:0;
}
.commonContent
{
	height: 100%; 
	width: 100%; 
	position: absolute; 
	top: 10%; 
	background: #fff
}

#middle_neededDealt
{
	position: absolute;
	top: 40%;
	left: 65.7%;
	width:24.9%;
	height: 472px;
	background: #fff;
	margin:0;
}
#dealtedContent
{
	position: absolute; 
	top: 12%; 
	left: 2%; 
	background: #fff; 
	height: 20%; 
	width: 90%;
}
#dealtedContent li
{
	height: 30px; 
	width: 100%;
}
#dealtedContent a
{
	font-size: 14px; 
	color: #086ebf; 
	position: relative; 
	top: 4px; 
	left: 10px; 
	float: left;
}

#footer {
  position:  relative; 
  bottom: 0;
  border-top: 1px solid #000; 
  text-align: center; 
  height: 30px; 
  width: 100%;
}
#footer p {
   margin: 1% 35%; 
}